<template>
  <div class="my-input">
    <span class="title">{{ model.title }}</span>
    <div>
      <el-input v-model="model.value" :placeholder="model.place"></el-input>
    </div>
  </div>
</template>

<script>
export default {
  name: 'myInput',
  props: {
    model:{
      type: Object,
      default: ()=>{},
    }
  }
};
</script>

<style>
.my-input {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 5px;
}

.my-input div {
  width: 100%;
}

.title {
  padding-right: 5px;
  width: 80px;
}
</style>